<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <input type="text" name="" id="ipt">
</body>

</html>
<!-- 开源节流 -->
<script>
    //节流：省资源
    //减少程序的运行次数
    //在固定间隔事件之内只能执行一次
    var count = 0;
    var t = null;
    document.getElementById("ipt").oninput = function () {
        //console.log(count);6
        //有程序在100毫秒之内执行过，不需要再次执行
        if (t !== null) {
            return false;
        }
        t = setTimeout(function () {
            count++;
            console.log(count); //4
            t = null
        }, 500)
    }
    // 什么叫做函数节流 : 
    // 1. 是在高频词执行的函数之中;
    // 2. 在函数执行的时候开启一个定时器，记录程序的执行状态;
    // 3. 如果程序执行，判断上一个定时器是否执行完成，如果执行完成那么我们可以重新执行程序，如果没有完成，就跳出程序;
</script>